<template>
    <div>
        <h2>子标签</h2>
        <span>{{students[0].name}}</span>
        <span>{{students[0].age}}</span>
        <span>{{students[0].gender}}</span>
    </div>
</template>

<script setup>
import { ref ,reactive} from 'vue'
let number =ref(1);
// console.log(number.value);
var b = ref(2);
// console.log(b.value);
let name = ref('张奕');
let age = ref(20);
let gender = ref('男');
let students = reactive(
    [{
        name:'张三',
        age:20,
        gender:'男'
    }]
)
// console.log(students);






</script>

<style scoped>
span{
    margin-right: 20px;
}
</style>